<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE composition PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<ui:composition xmlns="http://www.w3.org/1999/xhtml"
                xmlns:ui="http://java.sun.com/jsf/facelets"
                template="./template.xhtml"
                xmlns:h="http://xmlns.jcp.org/jsf/html"
                xmlns:f="http://xmlns.jcp.org/jsf/core"
                xmlns:c="http://xmlns.jcp.org/jsp/jstl/core">

    <ui:define name="content">
        <h1>Elegir una fecha para la cita</h1>
   
        <f:view>
            <h:form>           

                <table>
                    <c:set var="ano" scope="session" value="#{controlCitaPaciente.year}"/>
 
                    <c:if test="${ano == 0}">
                        <th>  No tiene ninguna cita </th> 
                    </c:if>
                    
                     <c:if test="${ano != 0}">
 
                   <tr> <th> Tiene una cita el para el dia: </th> 
                                <td><h:outputText value="#{controlCitaPaciente.dia}" /></td>   
                                <td> del </td>                                     
                                <td><h:outputText value="#{controlCitaPaciente.mes}" /></td>
                                <td> del año </td> 
                                <td><h:outputText value="#{controlCitaPaciente.year}" /></td>
                                <td> a las </td> 
                                <td><h:outputText value="#{controlCitaPaciente.hor}" /></td>
                                <td> : </td> 
                                <td><h:outputText value="#{controlCitaPaciente.min}" /></td>
                            </tr>                   
                     </c:if>
                  </table>
               
                <table>
                        <tr>                           
                            <td>Fecha (dd/mm/aaaa): </td>
                            <td>
                                <h:selectOneMenu value="#{controlCitaPaciente.dia}">
                                    <c:forEach var="i" begin="1" end="31">
                                       <f:selectItem itemLabel="${i}" itemValue="${i}" />                        
                                    </c:forEach>
                                </h:selectOneMenu>
                                <h:selectOneMenu value="#{controlCitaPaciente.mes}">
                                    <c:forEach var="i" begin="1" end="12">
                                        <f:selectItem itemLabel="${i}" itemValue="${i}" />                        
                                    </c:forEach>
                                </h:selectOneMenu>
                                <h:inputText value="#{controlCitaPaciente.year}"/>
                            </td>
                        </tr>
                        <tr>
                            <td>Hora (h:m): </td>
                            <td>
                                <h:selectOneMenu value="#{controlCitaPaciente.hor}">
                                <c:forEach var="i" begin="7" end="22">
                                    <f:selectItem itemLabel="${i}" itemValue="${i}" />                        
                                </c:forEach>
                                </h:selectOneMenu>
                                <h:selectOneMenu value="#{controlCitaPaciente.min}">
                                <c:forEach var="i" begin="1" end="59">
                                    <f:selectItem itemLabel="${i}" itemValue="${i}" />                        
                                </c:forEach>
                                </h:selectOneMenu>
                            </td>                      
                        </tr>                      
                        <tr>
                            <td colspan="6"><h:commandButton value="Elegir fecha" action="#{controlCitaPaciente.anadirCita()}"/> </td>

                        </tr>
                    </table>
 
            </h:form>
        </f:view>

    </ui:define>

</ui:composition>